.content{
    width: 100%;
    height: 100%;
    /* background: rgba(199, 208, 236, 0.5); */
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.content-left{
    width: 40%;
    height: 41vh;
    margin-top: 185px;
    margin-left: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.content-right{
  min-width: 350px;
  min-height: 300px;
  /* background-color: rgba(27, 29, 35, 0.5); */
  margin-top: 280px;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content_title .title{
    margin-top: 20px;
}
.content_title span:nth-of-type(1){
    font-size:24px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.content_title span:nth-of-type(2){
    font-size:24px;
    font-family:heiti;
    font-weight:normal;
    color:rgba(255,255,255,1);
}
.introduce{
    width: 87%;
    height: 21px;
    margin-top: 28px;
}
.introduce span:nth-of-type(1){
    font-size:17px;
    font-family:heiti;
    font-weight:normal;
    color:rgba(255,255,255,1);
}
.content-left .join{
    font-size: 24px;
    color: #fff;
    margin-top: 50px;
}
.content-left .input-style{
    width: 60%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 70px;
}
.content-left .input-style .input-btn{
    width: 50%;
    background: #609EFF;
}
.content-left .input-style .input-button{
    width: 43%;
    background: #fff;
    height: 50px;
    font-size: 18px;
    color: #609EFF;
    box-shadow: 0px 1px 20px #e3e3e3;
}
.input-style .input-size{
    height: 50px;
}
/* 右边 */
.content-right .content_code #guanzhu{
    width: 100%;
    height: 100%;
     margin-top: 30px;
    /*margin-bottom: 30px; */
}
.content-bottom{
    
}
